<!-- 认证 -->
<template>
    <view class="auth-img">
        <img src="@/assets/image/authImg/01.png" alt="">
        <view class="auth-bottom">
            <van-button @click="openMember()">开通会员</van-button>
            <van-button type="primary" @click="openAuth">去认证</van-button>
        </view>
    </view>
</template>
    
<script setup>

import { reactive, ref, getCurrentInstance, onMounted } from "vue"

const state = reactive({
    show: false,
    showCenter:true
})

const squareFn = () => {
    state.show = true
}

const openMember = () => {
    uni.navigateTo({
        url:"/pages/home/person/openMemberPage/index"
    })
}

const openAuth = () => {
    uni.navigateTo({
        url:"/pages/home/person/authentication/index"
    })
}

</script>
    
<style lang="scss" scoped>
.auth-img {
    position: relative;
    img{
        width: 100%;
        border-radius: 16rpx;
    }
}
.auth-bottom{
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom:60rpx;
    .van-button{
        width: 280rpx;
        font-size: 32rpx;
        line-height: 88rpx;
        height: 88rpx;
    }
    .van-button:nth-child(1){
        margin-right: 30rpx;
    }
}
</style>
    